import React, {Component} from 'react'
export default class ComD extends React.Component {
  // ComD是子组件
  state = {
    info: 'hi'
  }
  // 在渲染函数中通过props接受父组件的数据
  render(props) {
    return (<div>
      <p>我是子组件</p>
      {/* 通过this.props.xxx显示 */}
      <p>来自父组件的消息：{this.props.msg}</p>
      <p>来自父组件的消息：{this.props.msg2}</p>
      <p>来自父组件的消息：{this.props.msg3[0]+=1}</p>
      {/* 父组件传过来的值是只读属性，不能修改，单向数据流 */}
      {/* <p>来自父组件的消息：{this.props.msg4 += 1}</p> */}
      <button onClick={()=>this.props.fn1(this.state.info)}>子传父</button>
    </div>)
  }
}